/* global */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{
	margin:0;
	padding:0;
}

body{
	font-family:microsoft yahei,"Verdana",STXihei,"华文细黑";
	sbackground-color:#eef5f9;
	color:#4B4D4B;
	font-size:14px;
	margin:0;
	padding:0;
}

a{
	color:#e75748;
	text-decoration:none;
}

a:hover{
    color:#e75748;
	text-decoration:underline;
}

em{
	font-style:normal;
}

li{
	list-style:none;
}

img{
	border:0;
	vertical-align:middle;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

p{
	word-wrap:break-word;
}

.w-100{

}

.btn{
	padding:10px 20px;
	cursor: pointer;
}

.btn-primary{
	background: #FF9603;
	border:1px solid #FF9603;
}

.btn-primary:hover{
	background: #ffb247;
	border:1px solid #ffb247;
}

.btn-outline-primary{
	 color:#FF9603;
	 border-color:#FF9603;
}

.btn-outline-primary:hover{
	color:#fff;
	background: #ffb247;
	border-color:#ffb247;
}

.text-red{
	color:#FB3535;
}

.m-t-20{
	margin-top:20px;
}

.m-b-20{
	margin-bottom: 20px;
}

.m-b-10{
    margin-bottom: 10px;
}

.m-b-0{
	margin-bottom:0;
}

.m-t-40{
    margin-top:40px;
}

.p-20{
    padding:20px;
}

.color-blue{
    color: #4B87F9;
}

.color-danger{
    color:#E75748;
}

.align-left{
    text-align: left;
}

.align-right{
    text-align: right;
}

.btn-outline-danger{
    border-color:#E75748;
    color:#E75748;
}

h1,h2,h3,h4,h5,h6{color:#455a64;font-family:"microsoft yahei", sans-serif;font-weight:400}
h1{line-height:40px;font-size:36px}
h2{line-height:36px;font-size:24px}
h3{/* line-height:30px; */font-size:21px;}
h4{line-height:22px;font-size:18px}
h5{line-height:18px;font-size:16px;font-weight:400}
h6{line-height:16px;font-size:14px;font-weight:400}

p {
    margin-top: 0;
    margin-bottom: 12px;
}

/* form */
.form-control{
	border:0;
	border-bottom:1px solid rgba(0, 0, 0, 0.15);
}

/* page */
.page-index{

}

/* section */
.section-toolbar{
	background: #ff162c;
    position: relative;
    z-index: 20;
}

.section-toolbar .mod-toolbar{
    position: absolute;
    right:0;
    top:10px;
}

.section-toolbar .mod-toolbar a{
    font-size: 14px;
}

.section-header{
	height: 132px;
	background-image: url(~assets/images/bg-nav.jpg);
    position: relative;
    z-index: 10;
}

.section-header .col-4{
    padding:20px 0 0;
}

.section-header .col-8{
    padding:40px 0 0;
}

.section-header .col-8 .mod-navigation{
}

.section-header .col-8 .mod-navigation .nav-item{
    margin:0 0 0 15px;
}

.section-header .col-8 .mod-navigation .nav-item a{
    width:113px;
    height: 51px;
    background:url(~assets/images/bg-nav-item.png) no-repeat 0 0;
    padding:0; 
    text-align: center;
    line-height: 66px;
    color:#fff; 
    font-size: 14px;  
}

.section-banner{
	width: 100%;
	height: 550px;
	position: relative;
}

.section-banner img{
	max-width: 100%;
	width: 100%;
	height: 550px;
}

.box-banner{
	position: absolute;
	top:30%;
	left:0;
	right:0;
	width:400px;
	margin:0 auto;
	text-align: center;
}

.box-banner h3{
	font-size: 50px;
	color:#fff;
	font-weight: bold;
	margin:0 0 15px;
}

.box-banner p{
	font-size: 30px;
	color:#fff;
	margin:0 0 40px;
}

.box-banner .box-btn{
	width: 100%;
}

.box-banner .box-btn .btn{
	width:190px;
	height: 44px;
	border:2px solid #CA3322;
	border-radius: 30px;
	background: #fff;
	font-size: 16px;
}

.box-banner .box-btn .btn:hover{
	background: #5bc0de;
}

.section-main{
	padding:30px 0;
}

.section-main .container{
    background-color:#f3f1f1;
    border:1px solid #b8b8b8; 
    padding:30px;
}

.section-main .card-deck .card{
	border:none;
    position: relative;
    height: 317px;
    margin:0;
}

.section-main .card-deck .card.card-1{
    background: url(~assets/images/bg-card-1.jpg) no-repeat 10px 0;
}

.section-main .card-deck .card.card-2{
    background: url(~assets/images/bg-card-2.jpg) no-repeat 10px 0;
}

.section-main .card-deck .card.card-3{
    background: url(~assets/images/bg-card-3.jpg) no-repeat 10px 0;
}

.section-main .card-deck .card.card-4{
    background: url(~assets/images/bg-card-4.jpg) no-repeat 10px 0;
}

.section-main .card-deck .card.card-5{
    background: url(~assets/images/bg-card-5.jpg) no-repeat 10px 0;
}

.section-main .card-deck .card.card-6{
    background: url(~assets/images/bg-card-6.jpg) no-repeat 10px 0;
}

.section-main .card-deck .card .card-icon{
	position: absolute;
	top:10%;
	left:0;
	right:0;
	text-align: center;
}

.section-main .card-deck:first-child{
	margin:0 0 30px;
}

.section-main .card-deck .card-body{
	min-height: 140px;
    position: relative;
    top:100px;
}

.section-main .card-deck .card-body .card-title{
	text-align: center;
	font-size: 22px;
	margin:40px 0 20px;
    font-weight: bold;
}

.section-main .card-deck .card-1 .card-body .card-title{
    color:#d9534f;
}

.section-main .card-deck .card-2 .card-body .card-title{
    color:#5cb85c;
}

.section-main .card-deck .card-3 .card-body .card-title{
    color:#5bc0de;
}

.section-main .card-deck .card-4 .card-body .card-title{
    color:#5bc0de;
}

.section-main .card-deck .card-5 .card-body .card-title{
    color:#FF9603;
}

.section-main .card-deck .card-6 .card-body .card-title{
    color:#5cb85c;
}

.section-main .card-deck .card-body .card-text{
	width: 200px;
	text-align: center;
	margin:0 auto;
	color:#999;
}

.section-main .card-deck .card-footer{
	background: transparent;
	border:none;
	text-align: center;
	margin:16px 0;
    height: 80px;
    position: absolute;
    bottom:0;
    left: 0;
    right:0;
    margin:0 auto;
}

.section-notice{
	padding:0 0 30px;

}

.section-notice .container{
    background-color:#f3f1f1;
    border:1px solid #b8b8b8;   
    padding:30px;
}

.section-notice p{
	color:#666;
	line-height: 32px;
}

.section-footer{
	height: 150px;
	background: #242424;
}

.section-footer .nav{
	padding:15px 0 5px;
}

.section-footer .nav .nav-link{
	color:#aaa;
    font-size: 14px;
}

.section-footer .nav .nav-link:hover{
	color:#999;
}

.section-footer p{
	text-align: center;
    margin:0 0 6px;
    color:#aaa;
    font-size: 14px;
}

/* footer */
.page-footer{
    bottom: 0;
    color: #fff;
    left: 0px;
    padding: 17px 15px;
    sposition: relative;
    position: fixed;
    bottom:0;
    right: 0;
    background:#ff162c;
    margin:30px 0 0;
}

.page-footer p{
    font-size: 14px;
    margin:0;
}


/*** mod ***/
/* toolbar */
.mod-toolbar{
}

.mod-toolbar .nav{

}

.mod-toolbar .nav .nav-item{

}

.mod-toolbar .nav .nav-item .nav-link{
	color:#fff;
}

/* mod-logo */
.mod-logo{
	margin:32px 0 0;
}


/* mod-navigation */
.mod-navigation{
	height: 92px;
	padding:28px 0;
}

.mod-navigation .nav{

}

.mod-navigation .nav .nav-item{

}

.mod-navigation .nav .nav-item .nav-link{
	color:#333;
	font-size: 16px;
}

/* login */
.section-login{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    padding: 10% 0;
    position: fixed;
    background-image: url(~assets/images/bg-login.png);
}

.box-login-wrapper{
    background: url(~assets/images/bg-login-box.png) no-repeat center top;
    height: 363px;
}

.box-login.card{
    width: 520px;
    margin: 0 auto;
    background:transparent;
    position: relative;
    border:none;
}

.box-login.card .card-body{
    position: absolute;
    top:50px;
    right: 60px;
    width: 260px;
    padding: 1.25rem;
}

.box-login.card .card-body .box-title{
	margin-bottom: 20px;
    display: none;
    color:#fff;
}

.box-login.card .card-body label{
    color:#fff;
    font-size: 12px;
}

.box-login.card .card-body .form-group{
    margin-bottom:0;
}

.box-login.card .card-body .el-input__inner{
    border:1px solid #fff;
    background:transparent;
    height: 32px;
    border-radius: 0;
    color:#fff;
}

.box-login.card .card-body .el-input__inner:focus{
    border:1px solid #fff;
}

.box-login.card .card-body .el-form-item{
    margin-bottom:6px;
}

.box-login.card .card-body .el-checkbox__label, .box-login.card .card-body a{
    font-size: 12px;
    color:#fff;
}

.box-login.card .card-body a .fa.fa-lock{
    font-size: 16px;
    margin:3px 6px 0 0;
}

.box-login.card .card-body .el-row{
    display: inline-block;
    width: 220px;
    text-align: center;
}

.box-login.card .card-body .el-button--primary{
    width: 180px;
    height: 32px;
    line-height: 32px;
    padding:0;
    margin:10px auto 0;
    background: #ff162c;
    border:1px solid #ff162c;
    border-radius: 0;
    font-weight: normal;
}

.box-login.card .card-body .form-group .text-center p{
    color:#fff;
    margin:0;
    font-size: 12px;
}

.box-login.card .card-body .form-group .text-center p a{
    color:#fff!important;
    text-decoration: underline;
}

.box-login.card .card-body .form-group .text-center p a:hover{
    color:#ff162c!important;
}

.box-login.card .card-body .form-group .el-form-item__error{
    color:red;
    right:4px;
    font-size: 10px;
    padding-top:0;
    left:auto;
    margin-top:-26px;
}

.form-control{
	border-radius: 0;
}

/* register */
.page-register{

}

/* subpage */
.page-subpage{
}

/* topbar */
.page-subpage .topbar{
    z-index: 50;
    position: fixed;
    top:0;
    background-image:url(~assets/images/bg-admin-nav.png);
    background-color:#ff162c;
    background-size: 100%;
    width: 100%;
    margin-left: 0;
}

.page-subpage .topbar .top-navbar{
    height: 60px;
    min-height: 75px;
    padding: 0px 15px 0 0;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
    display: flex;
}

.page-subpage .topbar .top-navbar .navbar-header{
    line-height: 45px;
    text-align: center;
    background:transparent;
    width: 200px;
    padding:0;
}

.page-subpage .topbar .top-navbar .navbar-header img{
    margin:20px;
}

.page-subpage .topbar .top-navbar .navbar-collapse{
    width: 100%;
    display: inline-block;
}

.page-subpage .topbar .top-navbar .navbar-collapse .nav{
    flex-direction: row;
    display: flex;
}

.page-subpage .topbar .top-navbar .navbar-collapse .nav li.nav-item{
    margin-left:15px;
}

.page-subpage .topbar .top-navbar .navbar-collapse .nav li.nav-item .nav-link{
    color:#fff;
    padding:0 5px;
    line-height: 70px;
    font-size:14px;
    background: url(~assets/images/nav-admin-n.png) no-repeat center center;
    width: 113px;
    height: 54px;
    text-align: center;
}

.page-subpage .topbar .top-navbar .navbar-collapse .nav li.nav-item .nav-link.active{
    sbackground: #DA301D;
    background: url(~assets/images/nav-admin-a.png) no-repeat center center;
}

.page-subpage .topbar .top-navbar .navbar-collapse .nav li.nav-item .nav-link:first-child{}


.page-subpage .topbar .top-navbar .navbar-collapse .nav.nav-first{
    float: left;
    margin-top:6px;
}

.page-subpage .topbar .top-navbar .navbar-collapse .nav.nav-second{
    float: right;
}

.page-subpage .topbar .top-navbar .navbar-collapse .nav.nav-second .nav-item{
    display: inline-block;
    float: none;
    margin:0;
}

.page-subpage .topbar .top-navbar .navbar-collapse .nav.nav-second li.nav-item .nav-link{
    background:transparent;
    width:auto;
    padding:0 25px;
}

/* left-sidebar */
.page-subpage .left-sidebar{
    background: #fff;
    width:240px;
    height: 100%;
    position: fixed;
    left: 0;
    top:0;
    padding-top: 0;
    z-index: 60;
    box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
    display:none;
}

.page-subpage .left-sidebar .slimScrollDiv{
    position: relative;
    overflow: hidden;
    width: auto;
    height: 100%;
}

.page-subpage .left-sidebar .scroll-sidebar{
    overflow: hidden;
    width: auto;
    height: 100%;
}

.page-subpage .left-sidebar .scroll-sidebar .navbar-header{
    text-align: center;
    padding:15px 0;
}

.page-subpage .left-sidebar .scroll-sidebar .user-profile{
    position: relative;
    background-size: cover;
    width: 100%;
    display: inline-block;
    padding:0 15px;
}

.page-subpage .left-sidebar .scroll-sidebar .user-profile .profile-img{
    width: 70px;
    margin: 0 auto;
    padding: 0;
    border-radius: 100%;
    float: left;
}

.page-subpage .left-sidebar .scroll-sidebar .user-profile .profile-img img{
    width: 100%;
    padding: 5px;
    border: 1px solid rgba(120, 130, 140, 0.13);
    border-radius: 100%;
}

.page-subpage .left-sidebar .scroll-sidebar .user-profile .profile-text{
    padding: 15px;
    position: relative;
    text-align: left;
    float: left;
}

.page-subpage .left-sidebar .scroll-sidebar .user-profile .profile-text h5{
    line-height: 18px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom:.5rem;
}

.page-subpage .left-sidebar .scroll-sidebar .sidebar-nav{
    background: #fff;
    padding: 0px;
}

.page-subpage .left-sidebar .scroll-sidebar .sidebar-nav ul{
    margin: 0px;
    padding: 0px;
}

.page-subpage .left-sidebar .scroll-sidebar .sidebar-nav li{
    margin-bottom: 0;
}

.page-subpage .left-sidebar .scroll-sidebar .sidebar-nav li.nav-devider{
    height: 1px;
    background: rgba(120, 130, 140, 0.13);
    display: block;
    margin: 10px 0;
}

.page-subpage .left-sidebar .scroll-sidebar .sidebar-nav li a{
    color: #333;
    padding: 8px 35px 8px 15px;
    display: block;
    font-size: 14px;
    white-space: nowrap;
    position: relative;
}

.page-subpage .left-sidebar .scroll-sidebar .sidebar-nav li a i{
    width: 27px;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    color: #999;
    margin:5px 0 0;
}

.page-subpage .left-sidebar .scroll-sidebar .sidebar-nav li a:after{
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #999;
    right: 1em;
    -webkit-transform: rotate(135deg) translate(0, -50%);
    -ms-transform: rotate(135deg) translate(0, -50%);
    -o-transform: rotate(135deg) translate(0, -50%);
    transform: rotate(135deg) translate(0, -50%);borde
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 47%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


.page-subpage .left-sidebar .scroll-sidebar .sidebar-nav .nav-date{
    font-size: 24px;
    text-align: center;
}

.page-subpage .left-sidebar .scroll-sidebar .sidebar-nav .nav-date .fa-clock-o:before{
    color:#E75748;
}

.page-subpage .left-sidebar .scroll-sidebar .sidebar-nav .nav-btn-block{
    padding:10px 40px;
}

.page-subpage .left-sidebar .scroll-sidebar .sidebar-nav .nav-btn-block .btn{
    position: relative;
}

.page-subpage .left-sidebar .scroll-sidebar .sidebar-nav .nav-btn-block .btn .fa{
    position: absolute;
    left:20px;
}

/* right-wrapper */
.page-subpage .right-wrapper{
    background:#eef5f9;
    margin-top:120px;
    margin-bottom:50px;
    min-height: 600px;
    margin-left: 0;
}

.page-subpage .right-wrapper .page-titles{
    background: #deebf3;
    margin: 0;
    padding: 0 15px;
    position: relative;
    z-index: 10;
    height: 50px;
    sbox-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    width:100%;
    position: fixed;
    top:75px;
}

.page-subpage .right-wrapper .page-titles h3{
    font-size: 16px;
    line-height: 30px;
    color:#333;
    height: 50px;
    line-height: 50px;
}

.page-subpage .right-wrapper .page-titles h3 a{
    color:#333;
}

.page-subpage .right-wrapper .page-titles .nav{
    display: inline-block;
    text-align: right;
    width:100%;
}

.page-subpage .right-wrapper .page-titles .nav .nav-item{
    line-height: 15px;
    float: none;
    display: inline-block;
    height: 60px;
}

.page-subpage .right-wrapper .page-titles .nav .nav-item .nav-link{
    display: table;
    padding:10px 10px 10px 0;
}

.page-subpage .right-wrapper .page-titles .nav .nav-item .nav-link .fa:before{
    margin:0 6px 0 0;
}

.page-subpage .right-wrapper .page-titles .nav .nav-date{
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    text-align: center;
    display: table;
    margin:0 20px 0 0;
}

.page-subpage .right-wrapper .page-titles .nav .nav-date .fa{
    margin-right:6px;
    font-size: 30px;
}

.page-subpage .right-wrapper .page-titles .nav .nav-date .fa-clock-o:before{
    color:#E75748;
}

.page-subpage .right-wrapper .container-fluid{
    min-height: 500px;
    padding:30px 30px 25px 30px;
}

.page-subpage .right-wrapper .container-fluid .row{
    margin-bottom:30px;
}

/* card */
.page-subpage .right-wrapper .container-fluid .card{
    border: 0px;
    border-radius: 4px;
}

.page-subpage .right-wrapper .container-fluid .card .card-img{
    background: #E75748;
    height: 105px;
    text-align: center;
    position: relative;
}

.page-subpage .right-wrapper .container-fluid .card .card-img img{
    position: absolute;
    left:0;
    right:0;
    top:30%;
    margin:0 auto;
}

.page-subpage .right-wrapper .container-fluid .card .card-title{
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.page-subpage .right-wrapper .container-fluid .card .card-body{
    min-height: 120px;
}

.page-subpage .right-wrapper .container-fluid .card .card-text{
    font-size: 14px;
    text-align: center;
    color: #999;
}

/* content-lianxi-fenlei */
.right-wrapper.content-lianxi-fenlei .container-fluid a.a-card{
    color:#4B4D4B;
    text-decoration: none;
}

.right-wrapper.content-lianxi-fenlei .container-fluid a.a-card:hover{
    text-decoration: none;
}

.right-wrapper.content-lianxi-fenlei .container-fluid a.a-card:hover .card-title{
    color:#E75748;
}

.right-wrapper.content-lianxi-fenlei .card{
    position: relative;
}

.right-wrapper.content-lianxi-fenlei .card{
    position: relative;
}

.right-wrapper.content-lianxi-fenlei .card .card-icon{
    position: absolute;
    top:14%;
    left: 0;
    right: 0;
    text-align: center;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card{
    width:343px;
    height: 276px;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card .card-title{
    margin-top:140px;
    font-size: 22px;
    margin-bottom:20px;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card .card-title a:hover{
    text-decoration: underline;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card .card-text{
    width:260px;
    margin:0 auto;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card.card-1{
    background: url(~assets/images/homeicon-admin-1.png) no-repeat 0 0;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card.card-1 .card-title a{
    color:#db3828;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card.card-2{
    background: url(~assets/images/homeicon-admin-2.png) no-repeat 0 0;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card.card-2 .card-title a{
    color:#62ab61;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card.card-3{
    background: url(~assets/images/homeicon-admin-3.png) no-repeat 0 0;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card.card-3 .card-title a{
    color:#b76fe6;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card.card-4{
    background: url(~assets/images/homeicon-admin-4.png) no-repeat 0 0;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card.card-4 .card-title a{
    color:#21a0ef;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card.card-5{
    background: url(~assets/images/homeicon-admin-5.png) no-repeat 0 0;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card.card-5 .card-title a{
    color:#ff6b00;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card.card-6{
    background: url(~assets/images/homeicon-admin-6.png) no-repeat 0 0;
}

.right-wrapper.content-lianxi-fenlei.page-mydash .container-fluid a.a-card .card.card-6 .card-title a{
    color:#81ca80;
}

/* page-lianxi-tiaomu */
.page-lianxi-tiaomu{
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .el-tabs__header{
    background: #fff;
    padding:0 20px;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .el-tabs__item.is-active{
    color:#ff162c;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .el-tabs__active-bar{
    background-color: #ff162c;
}


.right-wrapper.content-lianxi-tiaomu .container-fluid .card{
    margin-bottom:30px;
    border:1px solid #b8b8b8;
    background: #f3f1f1;
    padding:25px;
    border-radius: 0;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card p{
    margin-bottom:10px;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .question-options{

}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item{
    cursor: pointer;
    margin: 16px 12px 16px 4px;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item:hover{
    background-color:#efefef;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item:last-child{
    margin:16px 12px 0 4px;
}

/*.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item:before{
    background: url(~assets/images/option_common.png);
    display: inline-block;
    text-align: center;
    width: 24px;
    height: 24px;
    margin-right: 12px;
}*/

.option-A:before{
    content: 'A';
}

.option-B:before{
    content: 'B';
}

.option-C:before{
    content: 'C';
}

.option-D:before{
    content: 'D';
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item{
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item .options-no{
    display: inline-block;
    sbackground: url(~assets/images/option_common.png);
    sborder:1px solid #b1b8bb;
    border:1px solid #fff;
    background:#fff;
    border-radius: 5px;
    text-align: center;    
    width: 24px;
    height: 24px;
    margin-right: 8px;
    color:#67757c;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item.options-active{
    
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item.options-active .options-no{
    sbackground: url(~assets/images/option_common-active.png);
    border:1px solid #1976d2;
    background-color:#1976d2;
    color:#fff;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item .options-p{
    display: inline-block;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item .options-p p{
    margin: 0;
}



.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item-text .options-text{
    color:#E75748;
    margin-bottom:10px;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item-text .options-p{
    margin:0 0 0 10px;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item.options-correct{
}


.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item.options-correct .options-no{
    background:#5cb85c;
    border:1px solid #5cb85c;
    color:#fff;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item.options-item-jie:hover{
    background:transparent;
}


.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item.options-item-jie{

}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item.options-item-jie .options-no{
    border:none;
    width: auto;
    height: auto;
    margin:0 0 10px;
    color:#E75748;
    background:transparent;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item.options-item-jie .options-p{
    border:none;
    width: auto;
    height: auto;
    margin:0 0 10px;
    display: block;
}


.right-wrapper.content-lianxi-tiaomu .container-fluid .card .options-item.options-item-jie .options-p p{
    margin:0 0 10px;
}




.content-lianxi-tiaomu .tiaomu-title{
    font-weight: bold;
    color:#333;
}


/* popup-quickTest animation */
.popup-quickTest{
    width:100%;
    height:auto;
    bottom:60px;
    position:fixed;
    z-index: 20;
    animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite; /*Safari and Chrome*/
}

/*@keyframes mymove
{
0%   {top:0px;}
25%  {top:120px;}
25%  {top:120px;}
100%  {top:0px;}
}

@-webkit-keyframes mymove 
{
    from {top:0px;}
    to {top:120px;}
}
*/

.right-wrapper.content-lianxi-tiaomu .container-fluid .card.item-correct{
    border:1px solid #5cb86d;
}

.right-wrapper.content-lianxi-tiaomu .container-fluid .card.item-correct::before{
    content:'';
    background:url(~assets/images/right.png);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    right:-20px;
    top:-15px;
}

#answer-card{
    background-color: rgba(255, 255, 255, 1);
    padding: 0 20px 20px 48px;
    margin-left: 0;
    margin-right: 0;  
    box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.05);  
    border-bottom:1px solid #f2f2f2; 
}

#answer-card .ac-question {
    background-color: white;
    margin-top: 20px;
    color: #67757c;
    border-radius:5px;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    text-align: center;
    display: inline-block;
    border: 1px solid #b1b8bb;
    cursor: pointer;

}

#answer-card .ac-question.active{
    background-color:#1976d2;
    border-color:#1976d2;
    color:#fff;
}

#answer-card .ac-question + .ac-question {
    margin-left: 16px;
}

#answer-card .ac-question-occu {
    width: 64px;
    display: inline-block;
}


/* content-myTestReport */
.content-myTestReport{
    sfont-size: 16px;
}

.content-myTestReport .row-1 .col-md-6.align-right p{
    height: 46px;
    line-height: 46px;
}

.page-subpage .right-wrapper.content-myTestReport .container-fluid .row.m-b-0{
    margin-bottom:0;
}

/* content-myTest */
.content-myTest{

}

.content-myTest .card .card-body{
    padding:0;
    border:1px solid #b8b8b8;
}

.content-myTest .nav-tabs.customtab{
    border-bottom: 1px solid #ddd;
}

.content-myTest .nav-tabs.customtab .nav-item{
    margin-bottom: -1px;
}

.content-myTest .nav-tabs.customtab .nav-item a{
    padding:15px 30px;
    border:none;
    color:#666;
}

.content-myTest .nav-tabs.customtab .nav-item a.active {
    border-bottom: 2px solid #E75748;
    color: #E75748;
}

/* content-myAnalysis */
.content-myAnalysis{

}

.page-subpage .right-wrapper.content-myAnalysis .container-fluid .card .card-title{
    font-weight: normal;
    font-size: 16px;
}

.page-subpage .right-wrapper.content-myAnalysis .container-fluid .card .card-title span{
    color:#ffbb33;
    font-weight: bold;
}

/* content-my */
.content-my .setting-btn{
    padding:5px 15px;
    sborder:1px solid #e75748;
    border-radius: 4px;
}

.content-my h4{
    font-size: 18px;
    font-weight: bold;
}

.content-my h4:before{
    content: "";
    border-left:4px solid #E75748;
    margin:0 15px 0 0;
}

.content-my hr{
    margin:10px 0;
}

.content-my .user_pic{
    margin:0 20px;
    display: inline-block;
}

.content-my .user_pic img{
    border-radius: 100%;
}

.content-my .setting-btn{
    position: absolute;
    left:200px;
    top:40px;
}

.content-my h5{
    line-height: 18px;
    font-size: 16px;
    margin: 30px 0 10px;
}

.content-my h5 p{
    margin:0 0 10px;
}

.progress{
    background-color: #e5ebec;
    box-shadow: none!important;
    height: 4px;
    border-radius: 4px;
    margin-bottom: 18px;
    overflow: hidden;   
}

.progress-bar-success{
    background-color: #2ecc71;
}

.progress-bar-custom {
    background-color: #00bbd9;
}

.progress-bar-primary {
    background-color: #0283cc;
}

.progress-bar-danger {
    background-color: #e74a25;
}


/* quickTest-toolbar */
.quickTest-toolbar{
    position: fixed;
    bottom:0;
    z-index: 20;
    background-color:#ff162c;
    width:100%;
    box-shadow: rgba(0, 0, 0, 0.05) 0px -5px 20px;        
}

.quickTest-toolbar .nav{
    text-align: left;
    margin-left:30px;
    width:auto;
    float: right;
    display: inline-block;
}

.quickTest-toolbar .nav li{
    display: inline-block;
    vertical-align: middle;
}

.quickTest-toolbar .nav li .nav-link{
    padding:1em;
}

.quickTest-toolbar .nav .nav-date{
    height: 60px;
    line-height: 60px;
    font-size: 28px;
    text-align: center;
    margin:0 20px 0 0;
    color:#fff;
}

.quickTest-toolbar .nav .nav-date .fa{
    margin-right:6px;
    font-size: 30px;
}

.quickTest-toolbar .nav .nav-date .fa-clock-o:before{
    color:#fff;
}

.quickTest-toolbar .nav .nav-item .fa{
    margin:0 6px 0 0;
}

.quickTest-toolbar .nav .nav-item .btn{
    padding:8px 15px;
    background: #fff;
    color:#ff162c;
}

.quickTest-toolbar .nav.ul-date-first{
    float: left;

}

/* el-breadcrumb */
.el-breadcrumb{
    line-height: 50px!important;
}

/* page-quicktest */
.page-quicktest{
}

.page-quicktest .card{

}


/* page-mytest */
.page-mytest{

}

.page-mytest .el-table tr{
    background:#f3f1f1;
}


.page-mytest .button-group{

}

.page-mytest .button-group a.btn{
    border-radius: 50px;
    margin-right: 20px;
    border:none;
    background: #fff;
    padding:10px 30px;
}

.page-mytest .button-group a.btn:hover{
    color:red;
}


.page-mytest .button-group a.btn.btn-outline-danger{
    background: #ff162c;
    color:#fff;
}

/* page-lianxibaogao */
.page-lianxibaogao{
}

.page-lianxibaogao .box-title{
    width: 100%;
    margin:15px;
}

.page-lianxibaogao .box-title p:last-child{
    margin:0;
}

/* box-cuodui */
.page-lianxibaogao .box-cuodui{
    width: 100%;
    position: relative;
    margin:0 0 15px;
}

.page-lianxibaogao .box-cuodui .secton-dadui{
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin: 0 auto;
    border:1px solid #ddd;
    background: #fff;
}

.page-lianxibaogao .box-cuodui .secton-dadui p{
    text-align: center;
    font-size: 12px;
}

.page-lianxibaogao .box-cuodui .secton-dadui p:first-child{
    margin:15px 0 0;
}

.page-lianxibaogao .box-cuodui .secton-dadui p span{
    text-align: center;
    font-size: 35px;
}

.page-lianxibaogao .box-cuodui .secton-nandu{
    width: 40px;
    height: 40px;
    border-radius: 100px;
    position: absolute;
    right: 30%;  
    top:30%;
    background: #ffbb33;
    color:#fff;
    font-size: 12px;
}

.page-lianxibaogao .box-cuodui .secton-nandu p{
    margin:0;
    text-align: center;
}

/* box-list */
.page-lianxibaogao .box-list{
    width: 100%;
    margin:0 0 15px;
}

.page-lianxibaogao .box-list ul{
    width: 100%;
}

.page-lianxibaogao .box-list ul li{
    display: inline-block;
    width: 24%;
    text-align: center;
    margin:0 0 15px;
}

.page-lianxibaogao .box-list ul li span{
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background: red;
    padding:20px;
    color:#fff;
    display: inline-block;
    text-align: center;
    position: relative;
}

.page-lianxibaogao .box-list ul li span b{
    position: absolute;
    left:30%;
    top:25%;
    font-weight: normal;
}

.page-lianxibaogao .box-list ul li span.danshu b{
    left:40%;
    top:25%;    
}

/* box-qingkuang */
.page-lianxibaogao .box-qingkuang{
    width: 100%;
    margin:0 0 30px;
    background: #fff;
    padding:15px;
}

.page-lianxibaogao .box-qingkuang h3{
    font-size: 18px;
    margin:0 0 10px;
}

.page-lianxibaogao .box-qingkuang h4{
    font-size: 14px;
    margin:0 0 5px;
}

.page-lianxibaogao .box-qingkuang p{
    font-size: 12px;
    color:#bbb;
}







